// .pop{
//   z-index: 999;
//   width: 50px;
//   height: 50px;
//   border: 5px dashed gray;
// }
.heart{
  transition: all 1s linear;
  width: 10px;
  height: 10px;
  position: fixed;
  // background: #f00;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  opacity: 1;
}
.transition-opacity{
  opacity: 0;
}
.heart:after,.heart:before{
  content: '';
  width: inherit;
  height: inherit;
  background: inherit;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  position: absolute;
}
.heart:after{
  top: -5px;
}
.heart:before{
  left: -5px;
}